<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta>
    <title>im</title>
    <link rel="stylesheet" href="css/im_style.css">
    <link rel="stylesheet" href="node_modules/weui/dist/style/weui.min.css">
</head>
<body>
<div id="im-app">
    <router-view v-bind:user_list="talk_user_list"></router-view>
</div>

<!--用户列表-->
<script type="text/x-template" id="user-list">
    <div class="list-box">
        <div v-for="u_list in user_list" v-on:click="go_info(u_list)" class="list">
            <div class="head-img">
                <div v-if="u_list.unread > 0" class="unread-num" v-text="u_list.unread"></div>
            </div>
            <div class="content">
                <p>{{u_list.To_Account}}</p>
                <p>{{u_list.MsgShow}}</p>
            </div>
            <div class="send-time">{{u_list.MsgTimeStamp | format_time}}</div>
        </div>
    </div>
</script>
<!--对话详情-->
<script type="text/x-template" id="talk-info">
    <div class="talk-info">
        <div class="line" v-bind:class="{other: i_list.isSend == false,my: i_list.isSend == true}" v-for="i_list in talk_info">
            <div class="head-img" v-if="i_list.isSend == false"></div>
            <div class="content">
                <span class="info" v-html="i_list.content"></span>
                <p class="info-time"></p>
            </div>
            <div class="head-img"  v-if="i_list.isSend == true"></div>
        </div>
        <div class="send_box">
            <textarea v-model="edit_msg" id="textarea-msg" onpropertychange="this.scrollHeight < 100?(this.style.height = this.scrollHeight + 'px'):'';" oninput="this.scrollHeight < 100?(this.style.height = this.scrollHeight + 'px'):'';"></textarea>
            <span v-on:click="send_msg()">发送</span>
        </div>
        <!--<div class="line my">
            <div class="content">
                <span class="info">你好咋在干嘛？</span>
                <p class="info-time"></p>
            </div>
            <div class="head-img"></div>
        </div>
        <div class="line my">
            <div class="content">
                <span class="info">你好咋在干嘛？你好咋在干嘛？你好咋在干嘛？你好咋在干嘛？你好咋在干嘛？</span>
                <p class="info-time"></p>
            </div>
            <div class="head-img"></div>
        </div>-->
    </div>
</script>


<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="node_modules/weui.js/dist/weui.min.js"></script>
<script type="text/javascript" src="js/get_msg.js"></script>
<script type="text/javascript" src="js/commom.js"></script>
<script type="text/javascript" src="js/webim.js"></script>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="node_modules/vue-router/dist/vue-router.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/sendMsg.js"></script>
<script type="text/javascript" src="js/view_controller.js"></script>

<script type="text/javascript">
    $(function () {
        webimLogin();
    });
</script>
</body>
</html>